<template>
    <li @click="handleDel">{{content}}</li>
</template>

<script>
export default {
  props : ['content', 'index'],
  methods: {
    handleDel () {
      this.$emit('delete' , this.index);
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
